/* Visit http://hompimpaalaihumgambreng.blogspot.com */

* {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

#wrap {
  position:absolute;
  top:0px;
  left:0px;
  width:30000px;
  height:1000px;
}

h1 {
margin:70px 30px;
font-family:Verdana, Geneva, sans-serif;
color:#fff;
text-align:center;
}
p{
color:#fff;
margin:10px;
text-align:center;
font-size:25px;
font-family:Sans-serif;
}
#page{
background:#333;
border-radius:10px;
margin:auto;
padding:10px;
width:710px;
overflow:hidden;
}
.page-isi{
width:150px;
height:100px;
background:#fbfbfb;
float:left;
margin:10px;
border:3px solid #fff;
opacity:0.5;
-webkit-transition: all 0.6s ease-in-out;
}
.page-isi:hover{
opacity:1.0;
}
.box {
  width:33.33%;
  height:50%;
  float:left;
  background-color:#ccc;
}

#home      {background-color:#00A7E2;}
#foto   {background-color:#2f2f2f;}
#design       {background-color:#EE9A10;}
#about     {background-color:#DD1F8E;}
#credit     {background-color:#060a53;}
#contact   {background-color:#84C922;}

ul#nav {
 width:100%;
 height:30px;
 background:#000;
 position:fixed;
 top:0px;
 left:0px;  
}

ul#nav li {
 display:inline;
 float:left;   
}

ul#nav li a {
 font:bold 10px Arial,Sans-Serif;
 text-decoration:none;
 color:#999;
 display:block;   
 padding:8px 15px;
}

ul#nav li a:hover, ul#nav li a.active {
 color:#fff;
}
table{
margin:auto;
background:#222;
padding:5px;
border-radius:5px;
font-family:Verdana, Geneva, sans-serif;
}
th{
background:#06F;
padding:5px;
color:#ccc;
}
td{
width:250px;
background:#fbfbfb;
text-align:center;
}
a{
color:#000;
text-decoration:none;
}

#about-page{
width:600px;
background:#222;
margin:auto;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:50px;
overflow:hidden;
}
textarea{
width:100%;
height:150px;
background:#000;
outline:none;
color:#fff;
}